﻿.editone-clip {
    position: relative;
    display: -ms-grid;
    -ms-grid-rows: 1fr;
    height: 100%;
    pointer-events: all;
    
    transform: scale(1.0);
    transition-duration: 0.1s;
    transition-property: transform;

    &.held {
        transform: scale(1.1);
    }
    
    progress {
        position: absolute;
        height: 0.8em;
    }

    > .inner-border-separator {
        width: 100%;
        height: 100%;
        pointer-events: none;
        border: 1px solid rgba(29, 29, 29, 0.7);
        -ms-grid-column-span: 99999;
        order: 1;
    }

    &.focused { 
        > .inner-border {
            width: 100%;
            height: 100%;
            pointer-events: none;
            border-width: 2px;
            border-style: solid;
            -ms-grid-column-span: 99999;
            order: 2;
        }
    }
}

ctl-clip {
    pointer-events:none;
}